<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>QQ会员</title>
		<style>
			*{
				padding:0;
				margin:0 ;
				list-style: none;
				text-decoration: none;
			}
			
			div#c1 div{
				height:100px;
				
				display:inline-block;
				border:1px solid #666666;
				background-color:#666666 ;
				vertical-align: top;
				line-height:100px; 
			}
			div#c1 div.cc{
				width:700px;
				font-size:15px;
				margin-left: -5px;
				padding-left: 40px;
			}
			div#c1 div.cc ul li{
				display: inline-block;
				padding-left: 30px;
			}
			div.cc ul li a{
				color:white
			}
			div.cc ul li a:hover{
				color:blue;
			}
			div#c1 div.bb{
				width:240px;
				font-size: 15px;
				margin-left:-5px ;
			}
			div#c1 div.bb button.dd{
				width:60px;
				height:25px;
				background-color:#666666 ;
				border: 1px solid yellow;
				border-radius:15px ;
				color:yellow;
			}
			div#c1 div.bb button.ee{
				width:110px;
				height:25px;
				background-color:#FAD65C ;
				border: 1px solid yellow;
				border-radius:15px 15px 15px 15px ;
				color:#996B0C;
			}
		</style>
	</head>
	<body>
		<div id="c1">
			<div class="aa">
				<img src="img/logo.png" width="200px" height="100px"/>
			</div>
			<div class="cc">
				<ul>
					<li><a href="#">功能特权</a></li>
					<li><a href="#">游戏特权</a></li>
					<li><a href="#">生活特权</a></li>
					<li><a href="#">会员活动</a></li>
				    <li><a href="#">成长体系</a></li>
					<li><a href="#">年费专区</a></li>
					<li><a href="#">超级会员</a></li>
				</ul>
			</div>
			<div class="bb">
				<button type="button"  class="dd" >登录</button>
				<button  type="button" class="ee">开通超级会员</button>
			</div>
		</div>
	</body>
</html>